Exemplars: Create a low-fidelity prototype for your responsive website
示例:為響應式網站建立低保真原型
以下是對建立響應式網站低保真原型示例(exemplars)的總結,你可以參考這些完成度高的作品來檢查和最佳化你自己的原型設計:
三個示例原型(Exemplars)
1.MediMatch Connect
目標:幫助使用者搜尋、比較並聯系醫療從業者。
主要使用者流程:
- 搜尋醫療從業者
- 檢視醫療從業者的個人資料
- 聯絡對方進行預約
流程完整、可前後導航。包含清晰導航提示和結束訊號。可以從首頁開始並返回
2.Fairweather Pavilion Rentals
目標:幫助使用者預定公園的戶外亭子進行活動。
主要使用者流程:
- 搜尋可用的亭子
- 檢視亭子詳情
- 選擇日期
- 線上支付預訂費用
使用者可以完整預定流程。含選擇和支付等步驟。提供回到起點的路徑
3.Go>>Fresh
目標:協助本地企業管理庫存和供應商。
主要使用者流程:
- 檢視庫存資訊
- 新增新商品
- 檢視單品詳情
- 分析庫存統計資料
完整涵蓋商品追蹤和新增流程。前後導航順暢。指明操作完成狀態
檢查清單(Review Checklist)
- 我的設計是否連線了至少4個頁面,能展示完整流程?
- 使用者能否在頁面之間前進和後退?
- 導航按鈕和提示是否清楚明瞭?
- 使用者能否知道流程已經完成?
- 完成後使用者能否返回首頁?
